.shadow{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 10;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.lightbox{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 11;
    text-align: center;
    vertical-align: middle;
    line-height: 100%;
}
.lightbox > img{
    text-align: center;
    max-width: 90%;
    max-height: 90%;
    position: relative;
    top: 5%;
}
.lightbox.fixedcontent {
    overflow: hidden;
    width: 80%;
    height: 80%;
    margin: auto;
    margin-left: 10%;
    margin-top: 20px;
}
.lightbox.scroll,
.lightbox.scrollable
{
    overflow-y: scroll;
    width: 80%;
    height: 80%;
    margin: auto;
    margin-left: 10%;
    margin-top: 20px;
}